<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="./css/index.css" rel="stylesheet" type="text/css" />
    <link href="./css/Nti视频.css" rel="stylesheet" type="text/css" />
    <link href="./css/Nti视频-深度测评.css" rel="stylesheet" type="text/css" />
    <link href="./css/Nti视频-视频教程-视频说明书.css" rel="stylesheet" type="text/css" />
    <link href="./css/Nti视频-视频教程-行摄系列.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <script src="./jQuery/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="contianer">
        <div class="row nav">
            <div class="col-lg-3 col-md-2 col-xs-1 col-sm-2 logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="col-lg-6 col-md-8 col-xs-10 col-sm-8 nav-content">
                <div class="content-detail">
                    <ul>
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#" class="nav-active">Nti视频</a>
                        </li>
                        <li>
                            <a href="#">Nti文章</a>
                        </li>
                        <li>
                            <a href="#">春卷专栏</a>
                        </li>
                        <li>
                            <a href="#">KOL专栏</a>
                        </li>
                        <li>
                            <a href="#">论坛</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-2 col-xs-1 col-sm-2 icons">
                <a href="#"><img src="./images/wx-icon.png" alt="" class="icon"></a>
                <a href="#"><img src="./images/wb-icon.png" alt="" class="icon"></a>
                <a href="#"><img src="./images/dy-icon.png" alt="" class="icon"></a>
                </ul>
            </div>

        </div>
        <div class="Nti-video-nav">
            <ul>
                <li><a href="#">深度评测</a></li>
                <li><a href="#">开箱体验</a></li>
                <li><a href="#" class="current">视频教程</a></li>
                <li><a href="#">视频演示片</a></li>
                <li><a href="#">品牌形象片</a></li>
                <li><a href="#">现场报道</a></li>
                <li><a href="#">活动记录</a></li>
                <li><a href="#">直播活动回顾</a></li>
                <li><a href="#">访谈视频</a></li>
                <li><a href="#">自制内容
                    </a></li>
            </ul>
        </div>
        <div class="Nti-video-videotutorial-nav">
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/Nti视频/视频教程/行摄系列/pic1.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/Nti视频/视频教程/行摄系列/pic2.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/Nti视频/视频教程/视频说明书/pic3.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="xs-nav">
            <img src="./images/Nti视频/视频教程/行摄系列/pic3.png" alt="">
            <div class="xs-title">
                <img src="./images/Nti视频/视频教程/行摄系列/pic4.png" alt="" id="xs-icon1">
                <p>sony微单“色”南法</p>
            </div>
        </div>
        <div class="Nti-video-videotutorial">
            <div class="row one-row">
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>

                <div class="col-lg-2 col-md-2 col-sm-3 hidden-xs  col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3  hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2  hidden-sm hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
            </div>
            <div class="row one-row">
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="xs-nav">
            <img src="./images/Nti视频/视频教程/行摄系列/pic6.png" alt="" >
            <div class="xs-title">
                <img src="./images/Nti视频/视频教程/行摄系列/pic5.png" alt="" id="xs-icon2">
                <p>杭州慢拍</p>
            </div>
        </div>
        <div class="Nti-video-videotutorial">
            <div class="row one-row">
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>

                <div class="col-lg-2 col-md-2 col-sm-3 hidden-xs  col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3  hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2  hidden-sm hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
            </div>
            <div class="row one-row">
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>

                <div class="col-lg-2 col-md-2 col-sm-3 hidden-xs  col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3  hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
                <div class="col-lg-2 col-md-2  hidden-sm hidden-xs col-5">
                    <a href="#">
                        <div class="Nti-video-priview-img">
                            <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                            <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                        </div>
                        <p>D850说明书第一集-峰值轮廓显示</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="xs-nav">
        <img src="./images/Nti视频/视频教程/行摄系列/pic7.png" alt="" >
        <div class="xs-title">
            <img src="./images/Nti视频/视频教程/行摄系列/pic8.png" alt="" id="xs-icon3">
            <p>香港行摄</p>
        </div>
    </div>
    <div class="Nti-video-videotutorial">
        <div class="row one-row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>

            <div class="col-lg-2 col-md-2 col-sm-3 hidden-xs  col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-3  hidden-xs col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2  hidden-sm hidden-xs col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
        </div>
        <div class="row one-row">
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>

            <div class="col-lg-2 col-md-2 col-sm-3 hidden-xs  col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-3  hidden-xs col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
            <div class="col-lg-2 col-md-2  hidden-sm hidden-xs col-5">
                <a href="#">
                    <div class="Nti-video-priview-img">
                        <img src="./images/Nti视频/深度评测/pic1.png" alt="">
                        <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                    </div>
                    <p>D850说明书第一集-峰值轮廓显示</p>
                </a>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot-logo">
            <img src="./images/b-logo.png" alt="">
            <p>影像新势力</p>
        </div>

    </div>
    </div>
</body>

</html>